/* 渐变背景效果 */
.root {
    -fx-background-color: linear-gradient(to bottom, #e6f2ff, #b3d9ff);
}

/* 标题样式 */
.title-label {
    -fx-font-family: "Microsoft YaHei", "SimHei", "Arial";
    -fx-font-size: 28px;
    -fx-font-weight: bold;
    -fx-text-fill: #004080;
    -fx-padding: 10px 20px;
    -fx-background-color: rgba(255, 255, 255, 0.8);
    -fx-background-radius: 10px;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 10, 0, 0, 5);
}

/* 卡片样式 */
.card {
    -fx-background-color: white;
    -fx-background-radius: 16px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.15), 10, 0, 0, 5);
    -fx-transition: all 0.3s ease;
}

.card:hover {
    -fx-scale-x: 1.05;
    -fx-scale-y: 1.05;
    -fx-effect: dropshadow(gaussian, rgba(0,123,255,0.3), 15, 0, 0, 8);
}

/* 图标样式 */
.card-icon {
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 5, 0, 0, 2);
}

/* 标签样式 */
.card-label {
    -fx-font-family: "Arial";
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #333333;
}

/* 卡片容器样式 */
.card-container {
    -fx-alignment: CENTER;
}